import { Container } from "@/components/custom/index.tsx";
import { Button } from '@arco-design/web-vue'
import LcVideo from './index.vue'
import { definitionInput, definitionSwitch } from '@/components/custom/incident'
export default ({
    type: 'common',
    label: "自定义视频",
    description: "",
    hidden: false,
    isform: false, draggable: true,
    icon() {
        return <icon-play-circle />
    },
    preview: () => {

        return <>
            <Button>
                <icon-play-circle-fill size='24' />
            </Button>
        </>
    },
    render: (props: any, { }: Container) => {
        return <LcVideo {...props}></LcVideo>
    },
    props: {
        url: definitionInput({
            type: 'string',
            label: '内容',
            placeholder: '请输入内容',
            defaultValue: "",
        }),
        poster: definitionInput({
            type: 'string',
            label: '封面',
            placeholder: '请输入封面',
            defaultValue: "",
        }),
        isLive: definitionSwitch({
            type: 'boolean',
            label: '是否直播',
            defaultValue: false,
            placeholder: "是否直播"
        })

    },
    style: {

    },
    events: {
    }

}) as Container